import Vue from 'vue'
import App from './App.vue'
import '@/router/permission' // webpack一并打包
import router from './router'
import store from './store'
import 'amfe-flexible' // 引入移动端适配包
import '@/utils/request'
//  整个项目任意一个地方都可以使用此标签
import { DatetimePicker, Dialog, Image, Tag, Divider, Search, Popup, ActionSheet, PullRefresh, List, Cell, CellGroup, Button, NavBar, Row, Col, Badge, Form, Field, Notify, Tabbar, TabbarItem, Icon, Tab, Tabs } from 'vant'
import directiveObj from './utils/directive'
// Vue.use() 中间件函数 ,调用()里对象的install方法
// Vue.use() 会调用()里函数本身或者install方法
// install方法里 Vue.compomrnt('van-buttin',组件里对象)
// 全局注册

Vue.use(DatetimePicker)
Vue.use(Dialog)
Vue.use(Image)
Vue.use(directiveObj)
Vue.use(Tag)
Vue.use(Divider)
Vue.use(Row)
Vue.use(Col)
Vue.use(Badge)
Vue.use(Search)
Vue.use(Popup)
Vue.use(ActionSheet)
Vue.use(PullRefresh)
Vue.use(List)
Vue.use(CellGroup)
Vue.use(Cell)
Vue.use(Tab)
Vue.use(Tabs)
Vue.use(Icon)
Vue.use(Tabbar)
Vue.use(TabbarItem)
Vue.use(Notify)
Vue.use(Form)
Vue.use(Field)
Vue.use(NavBar) // 全局注册导航组件
Vue.use(Button) // 全局注册button组件

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
